<template>
   <div class="welcome-container">
     <h2>管理员 欢迎来到题库管理系统！</h2>
   </div>
 </template>
 
 <script>
 export default {
   data() {
     return {};
   },
   methods: {},
   mounted() {}
 };
 </script>
 
 <style scoped>
 .welcome-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 80vh; /* 使内容垂直居中 */
   background-color: rgba(240, 248, 255, 0.8); /* 半透明背景色 */
   color: #fffbfb; /* 字体颜色 */
   text-align: center;
   background-image: url(../../assets/images/【哲风壁纸】动漫-可爱.png);
   background-size: cover; /* 确保背景图片覆盖整个容器 */
   background-position: center; /* 将背景图片居中显示 */
   background-repeat: no-repeat; /* 防止背景图片重复 */
 }
 
 h2 {
   font-size: 2.5rem; /* 标题大小 */
   margin-bottom: 20px; /* 标题与段落之间的间距 */
 }
 </style>